$--color-white:#fff;

$--color-primary:#409EFF !default;
// $--color-primary:#2cbfbe !default;
$--color-primary-light-2:mix($--color-white, $--color-primary, 20%) !default;
/* 66b1ff */
$--color-primary-light-5:mix($--color-white, $--color-primary, 50%) !default;
/* a0cfff */

$--color-success: #67c23a !default;
$--color-success-light-2:mix($--color-white, $--color-success, 20%) !default;
/* 85ce61 */
$--color-success-light-5:mix($--color-white, $--color-success, 50%) !default;
/* b3e19d */

$--color-warning: #e6a23c !default;
$--color-warning-light-2:mix($--color-white, $--color-warning, 20%) !default;
/* ebb563 */
$--color-warning-light-5:mix($--color-white, $--color-warning, 50%) !default;
/* f3d19e */

$--color-danger: #f56c6c !default;
$--color-danger-light-2:mix($--color-white, $--color-danger, 20%) !default;
/* f78989 */
$--color-danger-light-5:mix($--color-white, $--color-danger, 50%) !default;
/* fab6b6 */

$--color-info: #909399 !default;
$--color-info-light-2:mix($--color-white, $--color-info, 20%) !default;
/*  */
$--color-info-light-5:mix($--color-white, $--color-info, 50%) !default;
/*  */

$--transition-all-1-ease:all 0.1s ease;
$--transition-all-2-ease:all 0.2s ease;
$--transition-all-3-ease:all 0.3s ease;

$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;